<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>teacherInfo</title>
  <link rel="stylesheet" href="css/header.css"/>
  <link rel="stylesheet" href="css/teacher_Info.css"/>
</head>
<body>
<div class="header">
  <div id="logo">
    <div id="logo_left">
      <img src="img/pencil.png" id="logo_img">
      <img src="img/迷彩学堂.png" id="micai">
    </div>
    <div id="logo_right">
      <div id="logo_split"></div>
      <div>
        <div class="slogan">褪下迷彩回归社会</div>
        <div class="slogan">不忘气血奔赴学堂</div>
      </div>
    </div>
  </div>
  <div id="navigation">
    <span class="navigation_contain">
          <a href="#">首页</a>
    </span>
    <span class="navigation_contain">
          <a href="#" class="active">找教员</a>
    </span>
    <span class="navigation_contain">
          <a href="#">资料库</a>
    </span>
    <span class="navigation_contain">
          <a href="#">课程安排</a>
    </span>
    <span class="navigation_contain">
          <a href="#">个人</a>
          <img src="img/userlogo.png" id="user_logo"></img>
    </span>

  </div>
</div>
<div class="located">当前位置：首页 > 找教员 > 教员详情</div>
<div class="back_press">
  <img src="img/arrow-drop-left-fill.png">
</div>
<div style="display: flex;gap: 10px">
  <div class="teacher_card">
    <div class="card_header">
      <div id="main_teacher_img"></div>
      <div id="teacher_less_info">
        <span class="name">梅老师</span>
        (编号:
        <span class="number">008734</span>
        )
      </div>
      <div class="symbol_1"></div>
      <div class="symbol_2"></div>
      <div class="symbol_3"></div>
      <div class="demand">
        <a href="#">预约 </a>
        |
        <a href="#"> 关注</a>
      </div>
    </div>
    <div class="card_body">
      <h3>教员信息</h3>
      <div class="teacher_info">
        <div class="info_unit">
          <span class="unit_left">性别:</span>
          <span class="unit_right">男</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">所在城市:</span>
          <span class="unit_right">广州</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">师资类型:</span>
          <span class="unit_right">硕士</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">院校:</span>
          <span class="unit_right">广州大学</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">教员专业:</span>
          <span class="unit_right">工商管理</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">教员教龄:</span>
          <span class="unit_right">2年</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">入学年份:</span>
          <span class="unit_right">2018</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">专业排名:</span>
          <span class="unit_right">3</span>
        </div>
        <div class="info_unit">
          <span class="unit_left">年级:</span>
          <span class="unit_right">大一</span>
        </div>
        <div class="info_unit_special">
          <span class="unit_left">授课方式:</span>
          <span class="unit_right">线上一对一</span>
        </div>

      </div>
    </div>
    <div class="teacher_introduction">
      <h3>教员简介</h3>
      <div class="intr">本人有2年工商管理专业自考答疑授课经验，熟知工商专业自考的知识点、考点和疑难点，能够根据学生的个人情况来调节课程难度和进度，以往所教学生的成绩都有明显的进步，本人的教学方式因人而异，因材施教，有针对性得帮助学生进步。</div>
    </div>
    <div class="card_footer">
      <h3>学员评价</h3>
      <div class="student_card">
        <div class="student_img"></div>
        <div class="student_name">张三同学</div>
        <div class="student_comment">
          <div class="comment_left">老师很有耐心，教得很好</div>
          <div class="comment_right">2023/4/23</div>
        </div>
      </div>
      <div class="student_card">
        <div class="student_img"></div>
        <div class="student_name">张三同学</div>
        <div class="student_comment">
          <div class="comment_left">老师很有耐心，教得很好</div>
          <div class="comment_right">2023/4/23</div>
        </div>
      </div>

    </div>
  </div>
  <div id="recommended_teacher">
    <div class="up_font">推荐教员：</div>
    <div class="recommended_card_1">
      <div class="blue_arrow">
        <img src="img/blue_arrow.png" alt="">
      </div>
      <div class="teacher_info_more">
        <div><img src="img/teacher3.png" class="teacher_img"></div>
        <div class="teacher_name">吴老师</div>
        <div class="honor">
          <div class="champion_box">
            <img src="img/champion.png" alt="">
          </div>
          <div class="queen_box">
            <img src="img/queen.png" alt="">
          </div>
          <div class="diamond_box">
            <img src="img/diamond.png" alt="">
          </div>
        </div>
        <div class="dividing_line"></div>
        <div class="col_maj">
          <div>
            <span class="college">
                        <span style="color: #848484">院校：</span>
                        <span style="color: #3D3D3D">华南师范大学</span>
          </span>
          </div>
          <div>
            <span class="major">
                        <span style="color: #848484">专业：</span>
                        <span style="color: #3D3D3D">工商管理</span>
          </span>
          </div>

        </div>
        <div class="tags">
          <span class="tag1">硕士</span>
          <span class="tag2">线上一对一</span>
        </div>
        <div class="introduce">
          教员简介： 教学风格幽默有趣不枯燥，根据学生具体情况制作针对性教案，耐心教学，有问必答...
        </div>
      </div>
    </div>
    <div class="recommended_card_1">
      <div class="blue_arrow">
        <img src="img/blue_arrow.png" alt="">
      </div>
      <div class="teacher_info_more">
        <div><img src="img/teacher3.png" class="teacher_img"></div>
        <div class="teacher_name">吴老师</div>
        <div class="honor">
          <div class="champion_box">
            <img src="img/champion.png" alt="">
          </div>
          <div class="queen_box">
            <img src="img/queen.png" alt="">
          </div>
          <div class="diamond_box">
            <img src="img/diamond.png" alt="">
          </div>
        </div>
        <div class="dividing_line"></div>
        <div class="col_maj">
          <div>
            <span class="college">
                        <span style="color: #848484">院校：</span>
                        <span style="color: #3D3D3D">华南师范大学</span>
          </span>
          </div>
          <div>
            <span class="major">
                        <span style="color: #848484">专业：</span>
                        <span style="color: #3D3D3D">工商管理</span>
          </span>
          </div>

        </div>
        <div class="tags">
          <span class="tag1">硕士</span>
          <span class="tag2">线上一对一</span>
        </div>
        <div class="introduce">
          教员简介： 教学风格幽默有趣不枯燥，根据学生具体情况制作针对性教案，耐心教学，有问必答...
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
